<ion-menu side="start" content-id="main-content">
  <ion-header>
    <ion-toolbar translucent>
      <ion-title>{{title}}</ion-title>
    </ion-toolbar>
  </ion-header>
  <ion-content *ngIf="cate">
    <ion-list *ngFor="let item of cate.results">
      <ion-item>
        <ion-label (click)="change(item.num_id,distannce1)"
          >{{item.section}}</ion-label
        >
      </ion-item>
    </ion-list>
  </ion-content>
</ion-menu>

<ion-header id="main-content">
  <ion-toolbar>
    <ion-button (click)="router.back()" fill="clear" slot="start">
      <ion-icon name="arrow-undo-outline"></ion-icon>
    </ion-button>
    <ion-title class="header_titie">{{title}}</ion-title>
    <ion-button (click)="openMenu()" fill="clear" slot="end">
      <ion-icon name="menu-outline"></ion-icon>&nbsp;&nbsp;
    </ion-button>
  </ion-toolbar>
</ion-header>
<ion-content *ngIf="res">
  <ion-refresher
    slot="fixed"
    (ionRefresh)="doRefresh($event)"
    pullFactor="0.8"
    pullMin="60"
    pullMax="120"
  >
    <ion-refresher-content
      pullingIcon="chevron-down-circle-outline"
      pullingText="Pull to refresh"
      refreshingSpinner="circles"
      refreshingText="正在加载上一章..."
    ></ion-refresher-content>
  </ion-refresher>
  <ion-card *ngFor="let item of res.results" style="margin:0;padding:0;">
    <ion-card-header>
      <h3 style="font-size: 1.5rem;" align="center" #distannce1>
        {{item.section}}
      </h3>
      <span class="cate_span"
        >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{item.content}}</span
      >
    </ion-card-header>
  </ion-card>
  <ion-infinite-scroll
    threshold="100px"
    [disabled]="bool"
    position="bottom"
    (ionInfinite)="loadData($event)"
  >
    <ion-infinite-scroll-content
      loadingSpinner="bubbles"
      loadingText="加载中..."
    >
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>
  <h5 *ngIf="bool=='true'">没有了</h5>
</ion-content>
